// 自定义导航栏搜索 u-search 样式
::v-deep .headerNav-container {
	.u-search {
		.u-search__content {
			height: 50rpx !important;
			padding: 0 10rpx !important;

			.u-search__content__icon {
				.u-icon {
					.u-icon__icon {
						font-size: $XL-fs !important;
					}
				}
			}

			.u-search__content__input {
				font-size: $S-fs !important;
				color: $color-hei !important;
			}

			.u-search__content__input--placeholder {
				font-size: $S-fs !important;
				color: $color-hui !important;
			}
		}
	}
}

// 自定义空数据 u-empty 样式
::v-deep .u-empty-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	
	.u-empty {
		// 自定义图片
		image {
				width: 480rpx !important;
				height: 330rpx !important;
		}
		
		.u-empty__text {
			font-size: $L-fs !important;
			color: $color-hei !important;
		}
	}
}

// 用户隐私保护弹窗 u-modal 样式
::v-deep .privacy-popup {
	.u-popup__content {
		border-radius: 36rpx !important;

		.u-modal {
			.u-modal__content {
				padding: 0 !important;

				.slot-content {
					display: flex;
					flex-direction: column;
					position: relative;
					width: 100%;
					padding-top: 40rpx;

					.title {
						width: 100%;
						height: 45rpx;
						line-height: 45rpx;
						padding: 0 40rpx;
						margin-bottom: 10rpx;
						font-size: $XL-fs;
						font-weight: 600;
						text-align: center;
					}

					.text {
						width: 100%;
						min-height: 35rpx;
						line-height: 35rpx;
						padding: 0 40rpx;
						margin-bottom: 20rpx;
						font-size: $M-fs;
					}
					
					.btn {
						display: flex;
						justify-content: space-between;
						align-items: center;
						width: 100%;
						height: 80rpx;
						
						button {
							width: 100%;
							height: 80rpx;
							line-height: 80rpx;
							padding: 0;
							margin: 0;
							border: none;
							font-size: $XL-fs;
							background-color: $color-bai;
							text-align: center;
							
							&::after {
								border: none;
							}
							
							&::before {
								border: none;
							}
						}
						
						.cancel {
							color: $color-hui;
						}
						
						.confirm {
							color: $color-lv;
						}
					}
				}
			}
		}
	}
}
